<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-账户设置-个人资料</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.1/themes/default/easyui.css">
		<link rel="stylesheet" href="css/personal_common.css">
		<link rel="stylesheet" href="css/account_set.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./personal_index.html">您好 , 张三</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav psrsonal">
				<div class="fl logo"><img src="images/personal_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon" style="margin-right:65px;">
						<input type="text" placeholder="你想要找什么">
						<a class="search_btn" href="#">搜索</a>
					</div>
					<a class="p_link" style="margin-right:50px;"  href="./index.html">首页</a>
					<a class="p_link account_set" href="">账户设置</a>
				</div>
			</div>
		</div>
		
		<!--  -->
		<div class="per_container  acc_container ovw">
			<div class="main">
				<!-- 左侧 -->
				<div class="fl lf_content">
					<!-- 列表 -->
					<ul class="classify_list">
						<li class="current">
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/account_icon_a.png" alt=""></div>
									<p>个人资料</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/account_icon_b.png" alt=""></div>
									<p>账户绑定</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/account_icon_c.png" alt=""></div>
									<p>认证管理</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/account_icon_d.png" alt=""></div>
									<p>密码设置</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/account_icon_e.png" alt=""></div>
									<p>消息管理</p>
								</a>
							</div>
						</li>
					</ul>
				</div>

				<!-- 右侧 -->
				<div class="rt_acc_container">
					<!-- 用户头像 -->
					<div class="user_head_box ">
						<div class="head_img">
							<img src="images/acc_user_head.png" alt="">
							<p class="hint">修改头像</p>
						</div>
						<div class="name_box ovw">
							<p class="edit">
								<span>张三</span>
								<img src="images/edit.png" alt="">
							</p>
							<input type="text" class="ipt_name">
							<div class="acc_btn save_name">保存</div>
						</div>
					</div>
					
					<div class="acc_user_info ovw">
						<dl class="info_list">
							<dt>个人资料</dt>
							<dd>
								<span class="label">手机 : </span>
								<input class="text_ipt" type="text" placeholder="请输入您的手机号">
							</dd>
							<dd>
								<span class="label">邮箱 : </span>
								<input class="text_ipt" type="text" placeholder="请输入您的手机号">
							</dd>
							<dd>
								<span class="label">性别 : </span>
								<span class="rd_box" style="margin-right:60px;"><i class="radio_cb"></i>男</span>
								<span class="rd_box "><i class="radio_cb"></i>女</span>
							</dd>
							<dd>
								<span class="label">生日 : </span>
								<input class="text_ipt easyui-datebox" type="text" placeholder="请输入您的手机号">
							</dd>
						</dl>
						<div class="acc_btn ">保存</div>
					</div>

				</div>
			</div>
		</div>
		
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script src="jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript">


			$(function() {
				// 点击名称进行编辑
				$(".edit").click(function(){
					var name_text = $(this).find("span").text();
					$(this).hide();
					$(this).next(".ipt_name").css("display","block");
					$(this).next(".ipt_name").focus().val(name_text);
				});

				// 保存编辑的名称
				$(".save_name").click(function(){

					var name_text = $(this).prev(".ipt_name").val();
					$(this).prev(".ipt_name").css("display","none");
					$(".edit").show();
					if(name_text == ""){
						return;
					}else{
						$(".edit").find("span").text(name_text);
					}
					
				});

				$(".rd_box").click(function(){
					$(this).addClass("active").siblings(".rd_box").removeClass("active");
				})
				// 设置日期初始值
				$("#_easyui_textbox_input1").attr("placeholder","2017-12-20");
			});
				// 日期
				function myformatter(date){
					var y = date.getFullYear();
					var m = date.getMonth()+1;
					var d = date.getDate();
					return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
				}
				function myparser(s){
					if (!s) return new Date();
					var ss = (s.split('-'));
					var y = parseInt(ss[0],10);
					var m = parseInt(ss[1],10);
					var d = parseInt(ss[2],10);
					if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
						return new Date(y,m-1,d);
					} else {
						return new Date();
					}
				}
		</script>
	</body>

</html>